<div *ngFor="let article of list" style="width: 100vw;height:auto;background-color: antiquewhite;">
    <ion-card>
        <ion-card-header>
          <ion-card-title>{{article.title}}</ion-card-title>
          <ion-card-subtitle>评分：{{article.rating}}</ion-card-subtitle>
        </ion-card-header>
      
        <ion-card-content>
            <ng-container *ngIf="article.isStartRating">
                    <!-- 管道：参考 https://angular.cn/guide/pipes-overview -->
    <!-- 
        管道名称：tok
        {{11000 | tok}} => 11k

        ng g pipe tok
     -->
    <p>点赞数：{{toK(article.likeCount)}}</p>
    <p>点赞数：{{article.likeCount | tok}}</p>
    <!-- DatePipe 官方自带的日期管道：https://angular.cn/api/common/DatePipe -->
    <p>发布时间：{{article.publishDate | date:"yyyy-MM-dd HH-mm-ss"}}</p>

                <nova-comp-star-rating [score]="article.rating" (scoreChange)="onScoreChange(article,$event)"></nova-comp-star-rating>
            </ng-container>
        </ion-card-content>
      
        <ion-button fill="clear" (click)="goDetail(article)">详情</ion-button>
        <ion-button fill="clear" (click)="startRating(article)">打分</ion-button>

      </ion-card>

    




</div>